@CHARSET "ISO-8859-1";

/*==============================================================================================================================================
															SET DEFAULT STYLES FOR MANY ELEMENTS
================================================================================================================================================*/
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,table,tr,td,form,object,embed,article,aside,canvas,command,details,fieldset,figcaption,figure,footer,group,header,hgroup,legend,mark,menu,meter,nav,output,progress,section,summary,time,audio,video {
	margin: 0;
	padding: 0;
	border: 0;	
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

html {
	font: 81.25% arial, helvetica, sans-serif;
	color: #333;
	line-height: 1;
	direction: ltr;
}

a {
	color: #15c;
	text-decoration: none;
}

a:active {
	color: #d14836;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	color: #222;
	font-size: 1.54em;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 .46em;
}

p {
	line-height: 17px;
}

ol,ul {
	list-style: none;
	line-height: 17px;
	margin: 0 0 1em;
}

li {
	margin: 0 0 .5em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
	border-bottom: 1px solid #D2D2D2;
	clear: both;
	height: 1px;
}

/*==============================================================================================================================================
														 HELPER CLASSES FOR JQUERY
================================================================================================================================================*/
.cTPHidden {
	display: none;
} /* Helper class for Hiding Original Elements */
.cTPHiddenFile {
	width: 1px;
	height: 0;
	visibility: hidden;
}
	/* Chrome won't allow click when 'display:none' set for input type=file */
.cTPDisabled {
	background-color: #E6E6E6 !important;
	cursor: default !important;
	color: gray !important;
	border-color: #D3D3D3 !important;
} /* Disabled elemenets */
/*==============================================================================================================================================
																ELEMENTS
================================================================================================================================================*/
textarea {
	background: #FBFBFF;
	resize: none;
	overflow: hidden;
	padding: 8px;
	outline: none;
	border: 1px solid #FFF;
	border-color: #D2D2DC #E6E6F0 #E6E6F0 #D2D2DC;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

button,input,select,textarea {
	font-family: inherit;
	font-size: inherit;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url] {
	background: #FBFBFF;
	display: inline-block;
	height: 29px;
	line-height: 29px;
	margin: 0;
	padding: 0 8px;
	vertical-align: middle;
	border: 1px solid #FFF;
	border-color: #D2D2DC #E6E6F0 #E6E6F0 #D2D2DC;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=text]:hover,input[type=url]:hover,textarea:hover {
	border-color: #AAAAAA #DCDCE6 #DCDCE6 #AAAAAA;
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus {
	outline: none;
	border: 1px solid #B4B4FA;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	background: #FFF;
}

input[type=email][disabled=disabled],input[type=number][disabled=disabled],input[type=password][disabled=disabled],input[type=search][disabled=disabled],input[type=text][disabled=disabled],input[type=url][disabled=disabled] {
	border: 1px solid #e5e5e5;
	background: #f5f5f5;
}

input[type=email][disabled=disabled]:hover,input[type=number][disabled=disabled]:hover,input[type=password][disabled=disabled]:hover,input[type=search][disabled=disabled]:hover,input[type=text][disabled=disabled]:hover,input[type=url][disabled=disabled]:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type=email][readonly=readonly],input[type=number][readonly=readonly],input[type=password][readonly=readonly],input[type=text][readonly=readonly],input[type=url][readonly=readonly] {
	border: 1px solid #d9d9d9;
}

input[type=email][readonly=readonly]:hover,input[type=number][readonly=readonly]:hover,input[type=password][readonly=readonly]:hover,input[type=text][readonly=readonly]:hover,input[type=url][readonly=readonly]:hover,input[type=email][readonly=readonly]:focus,input[type=number][readonly=readonly]:focus,input[type=password][readonly=readonly]:focus,input[type=text][readonly=readonly]:focus,input[type=url][readonly=readonly]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/*============================================================= TEXTAREA =======================================================================*/

/*============================================================= (SUBMIT) BUTTON =================================================================*/
input[type=button],input[type=submit],button {
	vertical-align: middle;
	display: inline-block;
	margin: 1px;
	outline: none;
	cursor: pointer;
	border: 1px solid #C8C8C8;
	border-bottom-color: #B4B4B4;
	border-right-color: #AAAAAA;
	height: 31px; /*padding:7px 15px;*/
	padding: 0 10px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f5 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f5) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f5 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f0f0f5 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f5 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f0f0f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ffffff', endColorstr='#f0f0f5', GradientType=0 ); /* IE6-8 */
	zoom: 1;
	border-radius: 4px; 
}
/*============================================================= INPUT TYPE=RESET =================================================================*/
input[type=reset] {
	font: 12px arial;
	color: #FFF;
	border: 1px solid #B4B4C8;
	vertical-align: middle;
	display: inline-block;
	margin: 1px;
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 31px; /*padding:7px 15px;*/
	padding: 0 10px;
	background: #e0122d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top, #e0122d 0%, #5c1e2f 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0122d), color-stop(100%, #5c1e2f) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e0122d 0%, #5c1e2f 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e0122d 0%, #5c1e2f 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e0122d 0%, #5c1e2f 100%);
	/* IE10+ */
	background: linear-gradient(top, #e0122d 0%, #5c1e2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#e0122d', endColorstr='#5c1e2f', GradientType=0 ); /* IE6-8 */
	zoom: 1;
	border-radius: 4px;
}
/*================================================================ FORM / FIELDSET / LEGEND =================================================================*/
fieldset {
	border: 1px solid #dedede;
	/* Default fieldset borders vary cross browser, so make them the same */
	padding: 5px;
}

legend {
	color: #0b77b7;
	font-size: 1.1em;
}

/*============================================================= TITLE =======================================================================*/
.cTPTitle {
	color: #000;
	font: 12px arial;
	position: absolute;
	background: #FFFF64;
	padding: 5px;
	border: 1px solid #D3D3D3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
	z-index: 2;

	/*no need for round borders in IE<9 - looks just great*/
}

/* //IE<=7 doesn't support :after pseudo selector, leave it, we may use it in a year or two
 [title]:hover {
  position: relative;
}
 //title is removed and added to data-title in .js
 [title]:hover:after {
  content: attr(data-title);
  padding:5px;
  position: absolute;
  left:50%;
  bottom: 100%;
  white-space: nowrap;
  z-index: 20px;
  border:1px solid #D3D3D3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  background:#FFFF64; 

}
*/

/*============================================================= SELECT =======================================================================*/
select {
	cursor: pointer;
	height: 30px;
	z-index: 9999 !important; /* jquery dialog */
	position: relative;
	opacity: 0;
	filter: alpha(opacity = 0);
	border: none;
}

select option {
    background-color: #EDEDED;
    height: 20px;
}

.cTPSelect {
	font: 12px arial;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	margin: 1px;
	background: #F5F5F5;
	border: 1px solid #CCC;
	border-bottom-color: #AAA;
	background: #E0E0E0;
	/*IE 9*/
	background: url();
	background: -moz-linear-gradient(top, #fff 0, #e0e0e0 100%);
	background: -ms-linear-gradient(top, #fff 0, #e0e0e0 100%);
	background: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e0e0e0) );
	background: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
	background: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#ffe0e0e0 );
	zoom: 1;
	border-radius: 4px;
}

.cTPSelectBar {
	cursor: pointer;
	padding-top: 8px;
	display: inline-block;
	margin-left: 10px;
	position: absolute;
	left: 0;
	white-space: nowrap;
}

/*select arrow - arrow is added in javascript - &#9660;*/
.cTPSelectOpen {
	font: 0.7em arial;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
}

/*============================================================= INPUT TYPE=FILE =======================================================================*/
input[type=file] {
	height: 32px;
}

.cTPFile {
	display: inline-block;
	vertical-align: middle;
}

.cTPFileInput {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #C8C8C8 !important;
}

/*============================================================= RADIO =======================================================================*/
input[type=radio] {
	opacity: 0;
	filter: alpha(opacity = 0);
	outline: none;
	position: relative;
	color: white; /*opera mini*/
	cursor: pointer;
}

.cTPRadio {
	display: inline-block;
	position: relative;
	vertical-align: -1px;
}

.cTPRadioElem {
	outline: none;
	display: inline-block;
	background: transparent url('../images/csTransPie/img.png') -8px -10px;
	height: 19px;
	width: 18px;
	cursor: default;
	position: absolute;
}

/* radio checked */
.cTPCheckedR {
	background-position: -8px -29px;
}
/*============================================================= CHECKBOX =======================================================================*/
input[type=checkbox] {
	opacity: 0;
	filter: alpha(opacity = 0);
	outline: none;
	position: relative;
	color: white; /*opera mini*/
	cursor: pointer;
}

.cTPCheckbox {
	display: inline-block;
	position: relative;
	vertical-align: -1px;
}

.cTPCheckboxElem {
	position: absolute;
	outline: none;
	display: inline-block;
	background: transparent url('../images/csTransPie/img.png') -8px -68px;
	height: 19px;
	width: 18px;
	cursor: default
}

/*checkbox checked*/
.cTPChecked {
	background-position: -8px -87px;
}

/*==============================================================================================================================================
																EVENTS
================================================================================================================================================*/
.cTPSelect:hover {
	border: 1px solid #C8C8DC;
}

/*========================================================= RESET, (SUBMIT) BUTTON:HOVER ==============================================================*/
input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,button:hover {
	border-color: #D2D2D2;
}
/*===================================================== RESET, (SUBMIT) BUTTON:ACTIVE (PRESSED) =======================================================*/
input[type=button]:active,input[type=reset]:active,input[type=submit]:active,button:active {
	border-color: #D3D3D3;
	border-bottom-width: 2px;
}

:root *>* {
	filter: none !important;
}